#5E6167

Color Details

HEX
#5E6167
RGB
rgb(94, 97, 103)
HSL
hsl(220, 5%, 39%)
CMYK
cmyk(9%, 6%, 0%, 60%)
Best text on this color #FFFFFF (CR 6.21:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5e6167
Contrast 3.38:1 Fail
White on #5e6167
Contrast 6.21:1 AA
#5e6167 on Black
Contrast 3.38:1 Fail
#5e6167 on White
Contrast 6.21:1 AA

Tints & Shades

#7e8185
#9ea0a4
#bfc0c2
#4b4e52
#383a3e
#262729

Complement & Analogous

#68655e
#554e79
#4e7279

Triadic

#685e62
#62685e

Monochrome

#262729 #383a3e #5e6167 #9ea0a4 #bfc0c2 #dfdfe1

Analogous

#4e7279 #839ca1 #5e6167 #777194 #554e79 #443e61

Complementary Mix

#383a3e #5e6167 #9ea0a4 #68655e #9d9b96 #44423d

Nearby Colors

#5e6166
#5e6168
#5e6157
#5e6177

Embed #5E6167 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5E6167

#5E6167 converts to RGB(94, 97, 103) and HSL(220, 5%, 39%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5E6167 FAQs

What is the RGB value of #5E6167?
RGB: 94, 97, 103. Copy as CSS: rgb(94, 97, 103)
Is #5E6167 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5E6167?
Complement: #68655e.
Does #5E6167 have good contrast on white or black?
On white: 6.21:1 (AA (normal text)). On black: 3.38:1 (AA (large text)).